<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>管理员主页</title>
    <link rel="stylesheet" href="./css/admin.css" />
    <!-- Latest compiled and minified CSS -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />

    <script src="./js/jquery-3.6.0.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="container">
      <!-- 主容器 -->
      <div class="box-header">
        <!-- 顶部 -->
        <div class="header-left">
          <img src="./images/fec1eed6ded8f65768ea18f85073b46.png" alt="" />

          <h2>宿舍管理系统</h2>
        </div>
        <div class="header-right">
          <img src="./images/admin.jpg" alt="" />
          <div class="header-name">
            <span>王培</span>
            <span>▼</span>
          </div>
        </div>
        <div class="signOut">
          <p>退出系统</p>
        </div>
      </div>
      <!-- 主页面 -->
      <div class="box-body">
        <div class="body-left">
          <div class="notice active">
            <img src="./images/公告.png" alt="" />
            <h3>公告主页</h3>
          </div>
          <div class="notice">
            <img src="./images/宿舍管理.png" alt="" />
            <h3>宿舍管理</h3>
          </div>
          <div class="notice">
            <img src="./images/学生.png" alt="" />
            <h3>学生管理</h3>
          </div>
          <div class="notice">
            <img src="./images/公告管理.png" alt="" />
            <h3>公告管理</h3>
          </div>
          <div class="notice">
            <img src="./images/管理员.png" alt="">
            <h3>管理员管理</h3>
          </div>
        </div>
        <div class="body-right">
          <div class="body-top">
            <div class="body-container">
              <div class="body-content on">
                <p>公告管理</p>
                <a>X</a>
              </div>
            </div>
          </div>
          <div class="body-form">
            <div class="form-title">
              <h3 style="font-weight: bold">欢迎进入</h3>
            </div>
            <div class="form-table">
              <table class="table table-hover table-striped">
                <tr>
                  <th><h4>公告</h4></th>
                </tr>
                <tbody class="abandoned tbody1">
                  <!-- <tr>
                    <td>
                      <h5>公告1</h5>
                      <p>内容.....</p>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <h5>公告2</h5>
                      <p>内容.....</p>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <h5>公告3</h5>
                      <p>内容.....</p>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <h5>公告4</h5>
                      <p>内容.....</p>
                    </td>
                  </tr> -->
                </tbody>
              </table>
            </div>
            <div class="body-nav">
              <nav aria-label="Page navigation">
                <ul class="pagination page1">
                  <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <!-- ----------222222---------------------------- -->
          <div class="body-form" style="display: none;">
            <div class="form-title">
                <div>
                    <input type="text" name="" id="searchDorm">
                </div>
                <button type="button" class="btn btn-info" id="searctohDorm">搜索</button>
                <button type="button" class="btn btn-info" id="resetDorm" >重置</button>
                <button type="button" class="btn btn-default " data-toggle="modal" data-target="#addDorm" >添加宿舍</button>
            </div>
            <div class="form-table">
              <table class="table table-hover table-striped">
                <tr>
                  <th>宿舍编号</th>
                  <th>宿舍名称</th>
                  <th>宿舍人数</th>
                  <th>宿舍水电费余额（元）</th>
                  <th>宿舍状态</th>
                  <th>操作  </th>
                </tr>
                <tbody class="abandoned tbody2">
                  <tr>
                    <!-- <td>1002</td>
                    <td>1002宿舍</td>
                    <td>6</td>
                    <td>5</td>
                    <td>正常</td>
                    <td>
                        <a class="del">删除</a>
                        <a class="edit">修改</a>
                        <a class="apply">发送催款申请</a>
                    </td> -->
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="body-nav">
              <nav aria-label="Page navigation">
                <ul class="pagination page2" >
                  <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <!-- -------------------------------------- -->
          <div class="body-form" style="display: none;">
            <div class="form-title">
                <div>
                    <input type="text" name="" id="searchStu">
                </div>
                <button type="button" class="btn btn-info" id="searchStuBtn">搜索</button>
                <button type="button" class="btn btn-info" id="resetStu">重置</button>
                <button type="button" class="btn btn-default " data-toggle="modal" data-target="#addStudent" >添加学生</button>
            </div>
            <div class="form-table">
              <table class="table table-hover table-striped">
                <tr>
                  <th>学号</th>
                  <th>姓名</th>
                  <th>账号</th>
                  <th>密码</th>
                  <th>学生所属宿舍</th>
                  <th>宿舍水电费余额（元）</th>
                  <th>宿舍状态</th>
                  <th>操作</th>
                </tr>
                <tbody class="abandoned tbody3">
                  <tr>
                    <!-- <td>1</td>
                    <td>王培</td>
                    <td>101</td>
                    <td>1001</td>
                    <td>5</td>
                    <td>正常</td>
                    <td>
                        <a class="del1">删除</a>
                        <a class="edit1">修改</a>
                        <a class="apply1">查看缴费记录</a>
                    </td> -->
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="body-nav">
              <nav aria-label="Page navigation">
                <ul class="pagination page3">
                  <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <!-- -------------------------------------- -->
          <div class="body-form" style="display: none;">
            <div class="form-title">
              <div>
                <input type="text" name="" id="searchNot">
              </div>
              <button type="button" class="btn btn-info" id="searchNotBtn">搜索</button>
              <button type="button" class="btn btn-info" id="resetNot">重置</button>
              <button type="button" class="btn btn-default addNot" data-toggle="modal" data-target="#addNotice" >新建公告</button>
            </div>
            <div class="form-table">
              <table class="table table-hover table-striped">
                <tr>
                  
                  <th>公告编号</th>
                  <th>公告标题</th>
                  <th>公告内容</th>
                  <th style="text-align: center;">发布时间</th>
                  <th>发布人</th>
                  <th>操作</th>
                </tr>
                <tbody class="abandoned tbody5">
                  <!-- <tr>
                    <td> 1</td>
                    <td>关于王培打架斗殴通报声明</td>
                    <td>关于王培打架斗殴通报声明</td>
                    <td>2020-2-2</td>
                    <td>王培</td>
                    <td>
                      <a class="delNotice">删除</a>
                      <a class="editNotice"> 修改</a>
                    </td>
                  </tr> -->
                </tbody>
              </table>
            </div>
            <div class="body-nav">
              <nav aria-label="Page navigation">
                <ul class="pagination page4">
                  <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>

          <!-- -------------------------------------- -->
          <div class="body-form" style="display: none;">
            <div class="form-title">
              <div>
                <input type="text" name="" id="searchAdmin">
              </div>
              <button type="button" class="btn btn-info" id="searchAdminBtn">搜索</button>
              <button type="button" class="btn btn-info" id="resetAdmin">重置</button>
              <button type="button" class="btn btn-default addAdmin" data-toggle="modal" data-target="#addAdmin" >新增管理员</button>
            </div>
            <div class="form-table">
              <table class="table table-hover table-striped">
                <tr>
                  
                  <th>编号</th>
                  <th>姓名</th>
                  <th>账号</th>
                  <th>密码</th>
                  <th>类型</th>
                  <th>操作</th>
                </tr>
                <tbody class="abandoned tbody6">
                  <!-- <tr>
                    <td> 1</td>
                    <td>王培</td>
                    <td>202</td>
                    <td>202</td>
                    <td>超级管理员</td>
                    <td>
                      <a class="delNotice">删除</a>
                      <a class="editNotice"> 修改</a>
                    </td>
                  </tr> -->
                </tbody>
              </table>
            </div>
            <div class="body-nav">
              <nav aria-label="Page navigation">
                <ul class="pagination page5">
                  <li>
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <!-- <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <!-- ---------------模态框----------------------- -->
          
<!-- 添加宿舍 -->
<div class="modal fade" id="addDorm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">添加宿舍</h4>
        </div>
        <div class="modal-body">
          <span>宿舍编号</span> <input type="text" placeholder="系统自动分配" disabled>  <br>
          <span>宿舍名称</span> <input type="text" name="" id="dormName"><br>
          <span>宿舍水电费余额（元）</span> <input type="text" name="" id="dormMoney" placeholder="仅支持数值类型">
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd" data-dismiss="modal">添加</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 修改宿舍 -->
<div class="modal fade" id="editDorm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">修改宿舍</h4>
        </div>
        <div class="modal-body">
          <span>宿舍编号</span> <input type="text" disabled id="dormID">  <br>
          <span>宿舍名称</span> <input type="text" name="" id="dormName1"><br>
          <span>宿舍水电费余额（元）</span> <input type="text" name="" id="dormMoney1" >
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd editDormSave" data-dismiss="modal">保存</button>
        </div>
      </div>
    </div>
  </div>
   <!-- 添加学生 -->
<div class="modal fade" id="addStudent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加学生</h4>
      </div>
      <div class="modal-body">
        <span>学号</span> <input type="text" disabled id="stuID" placeholder="系统自动分配">  <br>
        <span>姓名</span> <input type="text" name="" id="stuName"><br>
        <span>账号</span> <input type="text" name="" id="stuuser" ><br>
        <span>密码</span> <input type="text" name="" id="stuPsd"><br>
        <span>宿舍</span> <input type="text" name="" id="stuDorm"><br>
       </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary confirmAdd addStuSave" data-dismiss="modal">保存</button>
      </div>
    </div>
  </div>
</div>
   <!-- 修改学生 -->
   <div class="modal fade" id="eidtStudent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">修改学生</h4>
        </div>
        <div class="modal-body">
          <span>学号</span> <input type="text" disabled id="stuID1">  <br>
          <span>姓名</span> <input type="text" name="" id="stuName1"><br>
          <span>账号</span> <input type="text" name="" id="stuuser1" ><br>
          <span>密码</span> <input type="text" name="" id="stuPsd1"><br>
          <span>宿舍</span> <input type="text" name="" id="stuDorm1"><br>
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd editStuSave" data-dismiss="modal">保存</button>
        </div>
      </div>
    </div>
  </div>
     <!-- 查看缴费记录 -->
     <div class="modal fade" id="studentPay" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">修改学生</h4>
          </div>
          <div class="modal-body">
            <table class="table table-hover table-striped">
              <thead>

                  <tr>
                      <th>缴费金额</th>
                      <th>缴费时间</th>
                      
                      
                  </tr>
              </thead>
              <tbody class="abandoned tbody4">
                  <!-- <tr>
                      <td>5元</td>
                      <td>2012</td>
                  </tr> -->
              </tbody>
            </table>
           </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>
       <!-- 新建公告 -->
   <div class="modal fade" id="addNotice" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">修改学生</h4>
        </div>
        <div class="modal-body">
          <span>公告编号</span> <input type="text" disabled id="notID" placeholder="系统自动分配">  <br>
          <span>公告标题</span> <input type="text" name="" id="notTitle"><br>
          <span>公告内容</span> <textarea name="" id="notContent" cols="30" rows="10"></textarea><br>
          <span>发布时间</span> <input type="date" name="" id="notTinme"><br>
          <span>发布人</span> <input type="text" name="" id="notName" disabled><br>
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd editNoticeSave" data-dismiss="modal">保存</button>
        </div>
      </div>
    </div>
  </div>
         <!-- 修改公告 -->
         <div class="modal fade" id="editNotice" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改学生</h4>
              </div>
              <div class="modal-body">
                <span>公告编号</span> <input type="text" disabled id="notID1" placeholder="系统自动分配">  <br>
                <span>公告标题</span> <input type="text" name="" id="notTitle1"><br>
                <span>公告内容</span> <textarea name="" id="notContent1" cols="30" rows="10"></textarea><br>
                <span>发布时间</span> <input type="text" name="" id="notTinme1" disabled><br>
                <span>发布人</span> <input type="text" name="" id="notName1" disabled><br>
               </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary confirmAdd editNoticeSave1" data-dismiss="modal">保存</button>
              </div>
            </div>
          </div>
        </div>
<!-- 新增管理员 -->
<div class="modal fade" id="addAdmin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">修改学生</h4>
        </div>
        <div class="modal-body">
          <span>管理员编号</span> <input type="text" disabled id="adminId" placeholder="系统自动分配">  <br>
          <span>姓名</span> <input type="text" name="" id="adminName"><br>
          <span>账号</span> <input type="text" name="" id="adminUser">
          <span>密码</span> <input type="text" name="" id="adminPass" ><br>
          <div class="form-group">
           <span>类型</span>
            <select class="form-control" id="editSymbol">
                <option>请选择管理员类型</option>
                <option>普通管理员</option>
                <option>超级管理员</option>
           </select>
           </div>
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd addAdminSave" data-dismiss="modal">保存</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 修改管理员 -->
<div class="modal fade" id="editAdmin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">修改学生</h4>
        </div>
        <div class="modal-body">
          <span>管理员编号</span> <input type="text" disabled id="adminId1">  <br>
          <span>姓名</span> <input type="text" name="" id="adminName1"><br>
          <span>账号</span> <input type="text" name="" id="adminUser1">
          <span>密码</span> <input type="text" name="" id="adminPass1" ><br>
          <div class="form-group">
            <span>类型</span>
             <select class="form-control" id="editSymbol1">
                 <option>请选择管理员类型</option>
                 <option>普通管理员</option>
                 <option>超级管理员</option>
            </select>
            </div>
         </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary confirmAdd editAdminSave" data-dismiss="modal">保存</button>
        </div>
      </div>
    </div>
  </div>

        </div>
      </div>

    </div>
    <script src="./js/cookie.js"></script>

    <script src="./js/admin.js"></script>
    <script src="./js/bigadmin.js"></script>
  </body>
</html>
